/*// -------------筛选控件-------*/
.orderFilter {
   width: 100%;
   /*height:100%;*/
}

.orderFilter .mui-bar{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.orderFilter .mui-bar a{
	display: inline-block;
	color: white;
	font-size: 2rem;
	margin-left: -0.5rem;
	margin-top: 0;
}

/*内容*/
.orderFilter .mui-content{
	padding-top: 3.4rem;
	width:calc(100% - 1rem);
	margin:0 0.5em;
	
}
.orderFilterContent {
    background: white;
    border-radius:6px ;
    box-sizing: border-box;
}

.orderFilterContent ul {
   padding: 0.5rem;
   width:100%;
   margin: 0;
}

.orderFilterContent li {
    width: 100%;
    display: flex;
    align-items: center;
    height:2.8rem;
    border-bottom: 1px solid #f0f0f0;
}
.orderFilterContent .tripTypeLi{
	height:auto;
}
.orderFilterContent .tripTypeLi .orderLeft{
	align-self: flex-start;
	margin-top: 0.4rem;
}
.orderFilterContent li .orderLeft {
    width: 25%;
}

.orderFilterContent li .orderRight {
    width: 75%;
}

.dateTypeLi .orderRight,
.orderFilterContent li.tripLi .orderRight {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}



.orderRight .chooseOrderItem {
    width: 27%;
    border: 1px solid #4FB2ED;
    margin: 0.3rem 0;
    text-align: center;
    border-radius: 4px;
    font-size: 0.9rem;
    color: #4FB2ED;
    background: white;
}

/*----------*/
.orderFilterContent .dateTypeLi .orderRight{
	justify-content:flex-start;
	align-items: center;
}
.orderFilterContent li .orderRight .chooseOrderItem{
	padding: 0.2rem 0.4rem;
}
	
.orderFilterContent .dateTypeLi .orderRight .chooseOrderItem{
	margin-right:9.5% ;
	font-size: 0.9rem;
	
}

/*----------*/
.orderRight .datediv {
    width: auto;
    padding: 0.1rem 0.4rem;
}

.orderRight .activechooseOrderItem {
    background: #31b4f1;
    color: white;
}

/*----*/
.orderFilterContent .inputLi .orderRight {
	display: flex;
	align-content: center;
}
.orderFilterContent .inputLi .orderRight input{
	width:10rem;
	height:2rem;
	margin-top: 1.1rem;
	padding-left: 0;
}
.orderFilterContent .inputLi .orderRight i{
	display: inline-block;
	margin-top: 1.3rem;
	font-size: 1.5rem;
	color: rgb(49, 180, 241);
}
.orderFilterContent .manLi{
	border: none;
}
/*------------*/

.cancleFilter {
    float: right;
    margin-right: 0.6rem;
}

.orderRight .inputPass {
    margin-top: 0.3rem;
    height: 1.2rem;
    border: none;
    padding-left: 0.6rem;
}

.orderFilter .confirmFilterButton {
    width: 80%;
    height: 2.8rem;
    background: #F5A337;
    text-align: center;
    line-height: 2.8rem;
    color: white;
    border-radius: 6px;
    margin: 0 auto;
    margin-top: 1.5rem;

}